<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
    <title>vue-waterfall2</title>
  </head>
  <body>
    <div id="app"></div>
 
    <!-- built files will be auto injected -->
    <script type="text/javascript">
    	(function(docEl, t, padBaseSize){
	      var w,r=function(){
	          var nw=Math.min(docEl.getBoundingClientRect().width, padBaseSize)
	          if(nw!==w) w=nw,docEl.setAttribute('style','font-size:'+w/10+'px')
	      }
	      if(t.setAttribute('style','width:1vw'), !t.style.width) r(),window.addEventListener('resize', r)
	  })(document.documentElement, document.createElement('div'), 750);
    </script>

    <script>
      setTimeout(_ => console.log(4))

new Promise(resolve => {
  resolve()
  console.log(1)
}).then(_ => {
  console.log(3)
  Promise.resolve().then(_ => {
    console.log('before timeout')
  }).then(_ => {
    Promise.resolve().then(_ => {
      console.log('also before timeout')
    })
  })
})

console.log(2)
    </script>
  </body>
</html>
